<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head th:fragment="commonheader">
    <meta charset="UTF-8">
    <!--favicon-->
    <link rel="icon" th:href="@{/img/title.png}" type="image/webp" />
    <!--plugins-->
    <link rel="stylesheet" th:href="@{/plugins/vectormap/jquery-jvectormap-2.0.2.css}"/>
    <link rel="stylesheet" th:href="@{/plugins/simplebar/css/simplebar.css}" />
    <link rel="stylesheet" th:href="@{/plugins/perfect-scrollbar/css/perfect-scrollbar.css}" />
    <link rel="stylesheet" th:href="@{/plugins/metismenu/css/metisMenu.min.css}" />
    <!-- loader-->
    <link rel="stylesheet" th:href="@{/plugins/pace/css/pace.min.css}" />
    <script th:src="@{/plugins/pace/js/pace.min.js}"></script>
    <!-- Bootstrap CSS -->
    <link rel="stylesheet" th:href="@{/plugins/bootstrap/css/bootstrap.min.css}">
    <link rel="stylesheet" th:href="@{/css/app.css}">
    <link rel="stylesheet" th:href="@{/css/icons.css}">
    <!-- Theme Style CSS -->
    <link rel="stylesheet" th:href="@{/plugins/layuiadmin/layui/css/layui.css}">
    <link rel="stylesheet" th:href="@{/css/dark-theme.css}" />
    <link rel="stylesheet" th:href="@{/css/semi-dark.css}" />
    <link rel="stylesheet" th:href="@{/css/header-colors.css}" />
    <!-- 最新版本的 Bootstrap 核心 CSS 文件 -->
    <link crossorigin="anonymous" rel="stylesheet"  th:href="@{/plugins/bootstrap/css/bootstrap.css}">
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script th:src="@{/plugins/layuiadmin/layui/layui.js}"></script>
    <script crossorigin="anonymous"  th:src="@{/plugins/bootstrap/js/bootstrap.js}"></script>
</head>
<body>
<!--sidebar wrapper -->
<div class="sidebar-wrapper" data-simplebar="true" id="commonbody1">
    <div class="sidebar-header">
        <div>
            <h4 class="logo-text">疫物易物</h4>
        </div>
        <div class="toggle-icon ms-auto"><i class='bx bx-arrow-to-left'></i>
        </div>
    </div>
    <!--navigation-->
    <ul class="metismenu" id="menu">
        <li>
            <a th:href="@{/index}">
                <div class="parent-icon"><i class="lni lni-users"></i>
                </div>
                <div class="menu-title">用户信息</div>
            </a>
        </li>
        <li>
            <a th:href="@{/admin/order/list}">
                <div class="parent-icon"><i class="bx bx-copy-alt"></i>
                </div>
                <div class="menu-title">订单信息</div>
            </a>
        </li>
        <li>
            <a th:href="@{/adminGoodsUtils-supply}">
                <div class="parent-icon"><i class='lni lni-pizza'></i>
                </div>
                <div class="menu-title">物品信息</div>
            </a>
        </li>
        <li>
            <a th:href="@{/adminGoodsUtils-goodsPictograph}">
                <div class="parent-icon"><i class='lni lni-database'></i>
                </div>
                <div class="menu-title">物品消耗信息</div>
            </a>
        </li>
        <li>
            <a th:href="@{/adminGoodsUtils-addsupply}">
                <div class="parent-icon"><i class='lni lni-circle-plus'></i>
                </div>
                <div class="menu-title">添加物品</div>
            </a>
        </li>
        <li>
            <a th:href="@{/logout}">
                <div class="parent-icon"><i class='lni lni-power-switch'></i>
                </div>
                <div class="menu-title">退出</div>
            </a>

        </li>
    </ul>
    <!--end navigation-->
</div>
<!--end sidebar wrapper -->
<!--start header -->
<header id="commonbody2">
    <div class="topbar d-flex align-items-center">
        <nav class="navbar navbar-expand">
            <div class="mobile-toggle-menu"><i class='bx bx-menu'></i>
            </div>
            <div class="search-bar flex-grow-1">
                <div class="position-relative search-bar-box">
                    <input class="form-control search-control" type="text" > <span class="position-absolute top-50 search-show translate-middle-y"><i class='bx bx-search'></i></span>
                    <span class="position-absolute top-50 search-close translate-middle-y"><i class='bx bx-x'></i></span>
                </div>
            </div>
            <div class="top-menu ms-auto">
                <ul class="navbar-nav align-items-center">
                    <li class="nav-item mobile-search-icon">
                        <a class="nav-link" href="#">	<i class='bx bx-search'></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown dropdown-large">
                        <div class="dropdown-menu dropdown-menu-end">
                            <div class="header-notifications-list">
                            </div>
                        </div>
                    </li>
                    <li class="nav-item dropdown dropdown-large">
                        <div class="dropdown-menu dropdown-menu-end">
                            <div class="header-message-list">
                            </div>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="sysUser-box dropdown">
                <a aria-expanded="false" class="d-flex align-items-center nav-link dropdown-toggle dropdown-toggle-nocaret" data-bs-toggle="dropdown" href="javascript:;" style="text-decoration: none" role="button" >
                    <img alt="sysUser avatar" class="sysUser-img" th:src="@{/img/avatars/user1.png}">
                    <div class="sysUser-info ps-3" >
                        <p class="sysUser-name mb-0" th:text="${session.sysUser.getUsername()}"></p>
                        <p class="designattion mb-0" th:if="${session.sysUser.getRole()==1}">派送员</p>
                        <p class="designattion mb-0" th:if="${session.sysUser.getRole()==2}">居民</p>
                        <p class="designattion mb-0" th:if="${session.sysUser.getRole()==3}">管理员</p>
                    </div>
                </a>

                </ul>
            </div>
        </nav>
    </div>
</header>
<!--end header -->
<div id="commontail">
    <!--start overlay-->
    <div class="overlay toggle-icon"></div>
    <!--end overlay-->
    <!--Start Back To Top Button--> <a class="back-to-top" href="javaScript:"><i class='bx bxs-up-arrow-alt'></i></a>
    <!--End Back To Top Button-->
    <!-- Bootstrap JS -->
    <script th:src="@{/plugins/bootstrap/js/bootstrap.bundle.min.js}"></script>
    <!--plugins-->
    <script th:src="@{/plugins/jquery-3.6.0.min.js}"></script>
    <script th:src="@{/plugins/simplebar/js/simplebar.min.js}"></script>
    <script th:src="@{/plugins/metismenu/js/metisMenu.min.js}"></script>
    <script th:src="@{/plugins/perfect-scrollbar/js/perfect-scrollbar.js}"></script>
    <script th:src="@{/plugins/vectormap/jquery-jvectormap-2.0.2.min.js}"></script>
    <script th:src="@{/plugins/vectormap/jquery-jvectormap-world-mill-en.js}"></script>
    <script th:src="@{/plugins/chartjs/js/Chart.min.js}"></script>
    <script th:src="@{/plugins/chartjs/js/Chart.extension.js}"></script>
    <script th:src="@{/epid/index.js}"></script>
    <!--app JS-->
    <script th:src="@{/js/app.js}"></script>
</div>

</body>
</html>
